import React from 'react'
import cx from 'classnames'
import style from './style'
var ReactTooltip = require("react-tooltip")

class Select extends React.Component {

  render() {
    const { tip,className,children,arrow, ...others } = this.props
    return (
      <div 
        className={cx({
          [style.root]: true,
          [className]: className,
        })}
        data-tip={tip}
        {...others}
      >
        <ReactTooltip multiline effect="solid" place={arrow || 'right'} />
        {children? children : '?'}
      </div>
    )
  }
}

export default Select
